//声明: 该文件需要 swiper,jqueryui,common,toast,jquery

require(["config"], function(config) {
	require(["jquery.ui", "jquery", "sw", "toast", "my.hover"], function(jqui, jq, sw, t, mh) {
		var gouwuchea;
		$.get("header.html", function(data) {
			$(".top_top").append(data);
			gouwuchea = $(".bba");
			$("#banner_left").css({ "display": "none","z-index":-1 });

		}); //菜单
		
		var oCarList = document.getElementById('carList');
		var oSubPrice = oCarList.nextElementSibling;
		var btnClear = document.getElementById('btnClear');

		var carList;
		var cookies = document.cookie.split('; ');
		for(var i = 0; i < cookies.length; i++) {
			var arr = cookies[i].split('=');
			if(arr[0] === 'carlist') {
				console.log(JSON.parse(arr[1]));
				carList = JSON.parse(arr[1]);
			}
		}
		
		var subPrice = 0;

		if(carList) {
			var ul = document.createElement('ul');
			for(var i = 0; i < carList.length; i++) {
				var li = document.createElement('li');
				// 给每个li添加data-guid属性
				li.setAttribute('data-guid', carList[i].guid);

				// 商品名
				var title = document.createElement('h4');
				title.innerHTML = carList[i].name;
				//商品单价
				var price1 =document.createElement("i");
			price1.innerHTML=carList[i].price;
				// 商品数量
				var price = document.createElement('p');
				price.className = 'price';
				
				price.innerHTML = '&times;' + carList[i].qty;
				
//						gouwuchea.html(carList[i].qty);
//					console.log(gouwuchea)
						
				// 商品图片
				var img = document.createElement('img');
				img.src = carList[i].imgUrl;

				// 添加删除按钮
				var btnClose = document.createElement('span');
				
				btnClose.className = 'btn-close';
				btnClose.innerHTML = '删除商品';

				// 计算总价
				subPrice += carList[i].price * carList[i].qty;
				li.appendChild(img);
				li.appendChild(title);
				li.appendChild(price1);
				li.appendChild(price);
				
				li.appendChild(btnClose);

				ul.appendChild(li);
			}

			// 写入页面
			oCarList.appendChild(ul);

			// 写入总价
			// toFixed(n)获取小数点后n位（自动四舍五入，Number类型的方法）
			oSubPrice.innerHTML = '<span class="price">' + subPrice.toFixed(2) + '</span>';
		}
	
		// 删除商品
		oCarList.onclick = function(e) {
			e = e || window.event;
			var target = e.target || e.srcElement;

			// 是否点击了删除按钮
			if(target.className === 'btn-close') {
				var currentLi = target.parentElement;

				// 获取当前guid
				var currentGUID = currentLi.getAttribute('data-guid');

				// 删除cookie中对应的商品
				// 根据guid取对比
				for(var i = 0; i < carList.length; i++) {
					// 找出要删除的商品
					if(carList[i].guid === currentGUID) {
						carList.splice(i, 1);
						break;
					}
				}

				// 更新cookie
				document.cookie = 'carlist=' + JSON.stringify(carList);

				// 删除li节点
				currentLi.parentElement.removeChild(currentLi);
			}
		}

		// 清空购物车
		// 1、删除DOM节点
		// 2、删除cookie
		btnClear.onclick = function() {
			oCarList.innerHTML = '';
			oSubPrice.innerHTML = '';

			// 利用设置有效期位过期事件来达到删除cookie的效果
			var now = new Date();
			now.setDate(now.getDate() - 7);
			document.cookie = 'carlist=xx;expires=' + now;
		}

		$.get("footer.html", function(data) {
			$("body").last().append(data);
		})

	});

})